<template>
  <bpm-c-subtitle :title="subtitle"
                  v-show="showImage"
                  :isCollapse="false">
    <bpm-c-form>
    <bpm-c-block :preadonly="true"
                 :ptitle="labeltitle"
                 pinputtype="imageurl"
                 :pline=1
                 v-model="processlinkopentext"/>
    </bpm-c-form>
  </bpm-c-subtitle>
</template>

<script>
import {mapState} from 'vuex'
export default {
  name: 'bpmDImagearea',
  computed: {
    ...mapState(['hsInput', 'ssc', 'ssc.reimburse', 'pageTypeEnum', 'pageType', 'lang']),
    subtitle () {
      return this.getLanguage('title.opentexBillLink')
    },
    labeltitle () {
      return this.getLanguage('label.whBtReimburse.processlinkopentext')
    },
    processlinkopentext () {
      console.log('this.ssc.reimburse.whBtReimburse.processlinkopentext', this.ssc.reimburse.whBtReimburse.processlinkopentext)
      return JSON.stringify({
        text: this.ssc.reimburse.whBtReimburse.processlinkopentext,
        url: this.ssc.reimburse.whBtReimburse.processlinkopentext
      })
    },
    showImage () {
      return this.ssc.reimburse.whBtReimburse.isscan
    }
  },
  methods: {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
